<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>智慧机房</title>
    <link rel="shortcut icon" href="../static/img/images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="../static/css/style/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style/index.css">
    <link rel="stylesheet" type="text/css" href="../static/js/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../static/css/ztree/zTreeStyle.css">
</head>

<body>
    <div class="app">
        <header>
            <div class="header-border">
            </div>
            <div class="header-content">
                <div id="header-date"></div>
                <div id="header-week"></div>
                <div id="header-menu" class="header-nav selected">
                    <div>首页</div>
                </div>
                <div id="header-room" class="header-nav">
                    <div>机房选择</div>
                </div>
                <div id="orgname">
                    <img src="../static/img/images/icon2.png" alt="">
                    <span></span></div>
                <div id="manage">
                    <img src="../static/img/images/icon1.png" alt="">
                    后台管理</div>
                <div id="logout">注销</div>
                <div class="room-choose">
                    
                </div>
            </div>
        </header>
        <div class="main">
            <div class="main-left">
                <div class="main-left-overview">
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;安全运行天数</div>
                        <div>
                            <div class="monitorDays"></div>
                        </div>
                    </div>
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;机房总数</div>
                        <div>
                            <div class="monitorRooms"></div>
                        </div>
                    </div>
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;累计告警总数</div>
                        <div>
                            <div class="totalWarnNum"></div>
                        </div>
                    </div>
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;pdu关闭总数</div>
                        <div>
                            <div class="pduCloseNum"></div>
                        </div>
                    </div>
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;pdu开启总数</div>
                        <div>
                            <div class="pduOpenNum"></div>
                        </div>
                    </div>
                    <div class="main-left-overvie-item">
                        <div>●&nbsp;pdu监控总数</div>
                        <div>
                            <div class="pduNum"></div>
                        </div>
                    </div>
                </div>
                <div class="main-left-map">
                    <div class="main-title">网点分布 <span>//////</span></div>
                    <div class="main-left-map-overview">
                    	<div></div>
                        <div><img src="../static/img/images/icon8.png">机房节点：<div class="roomNum"></div> 个</div>
                        <div><img src="../static/img/images/icon9.png">设备节点：<div class="deviceNum"></div> 个</div>
                    </div>
                    <div id="map"></div>
                </div>
            </div>
            <div class="main-right">
                <div class="main-title">告警信息</div>
                <div class="main-right-warn">
                    <div class="main-right-warn-table">
                        
                    </div>
                </div>
                <div class="main-right-street">
                    <div>各街道状态</div>
                    <div>
                        <div><img src="../static/img/images/icon5.png">机房总数</div>
                        <div><img src="../static/img/images/icon6.png">累计告警数</div>
                    </div>
                    <div class="main-right-street-con">
                        <div id="street1" class="street-num">
                            <div class="320113010-rooms"></div>
                            <div class="320113010-warns"></div>
                        </div>
                        <div id="street2" class="street-num">
                            <div class="320113006-rooms"></div>
                            <div class="320113006-warns"></div>
                        </div>
                        <div id="street3" class="street-num">
                            <div class="320113004-rooms"></div>
                            <div class="320113004-warns"></div>
                        </div>
                        <div id="street4" class="street-num">
                            <div class="320113002-rooms"></div>
                            <div class="320113002-warns"></div>
                        </div>
                        <div id="street5" class="street-num">
                            <div class="320113001-rooms"></div>
                            <div class="320113001-warns"></div>
                        </div>
                        <div id="street6" class="street-num">
                            <div class="320113009-rooms"></div>
                            <div class="320113009-warns"></div>
                        </div>
                        <div id="street7" class="street-num">
                            <div class="320113007-rooms"></div>
                            <div class="320113007-warns"></div>
                        </div>
                        <div id="street8" class="street-num">
                            <div class="320113005-rooms"></div>
                            <div class="320113005-warns"></div>
                        </div>
                        <div id="street9" class="street-num">
                            <div class="320113003-rooms"></div>
                            <div class="320113003-warns"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=6125416e635535d089ac5150ae8ebe04&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.Driving"></script>
    <script type="text/javascript" src="../static/js/common/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/biz/app.js"></script>
    <script type="text/javascript" src="../static/js/layui/layui.all.js"></script>
    <script type="text/javascript" src="../static/js/biz/index.js"></script>
    <script type="text/javascript" src="../static/js/ztree/jquery.ztree.all.min.js"></script>
</body>

</html>